﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width;charset=utf-8" />
    <title>@ViewBag.ksdm</title>
    <style>
         * {
            margin: 0;
            padding: 0;
        }

        html, body {
            width: 100%;
            height: 100%;
            background-color:#f3f4f5;
          

        }
        div {
            font-size:.3rem;
           
        }

        td div {
            text-align:center;
            font-size:.25rem;
        }
        table tr th, table tr td { 
            border-color:#c6c3c3;
            border: 0.1px solid #c6c3c3;
         
        }
        tr {
            height:.9rem;
            background-color:#F4F7FF
        }

       
    </style>

    <script>!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=window;t["default"]=i.flex=function(e,t){var a=e||100,n=t||1,r=i.document,o=navigator.userAgent,d=o.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i),l=o.match(/U3\/((\d+|\.){5,})/i),c=l&&parseInt(l[1].split(".").join(""),10)>=80,p=navigator.appVersion.match(/(iphone|ipad|ipod)/gi),s=i.devicePixelRatio||1;p||d&&d[1]>534||c||(s=1);var u=1/s,m=r.querySelector('meta[name="viewport"]');m||(m=r.createElement("meta"),m.setAttribute("name","viewport"),r.head.appendChild(m)),m.setAttribute("content","width=device-width,user-scalable=no,initial-scale="+u+",maximum-scale="+u+",minimum-scale="+u),r.documentElement.style.fontSize=a/2*s*n+"px"},e.exports=t["default"]}]);  flex(100, 1);</script>

</head>
<body>
    <input type="hidden" id="ksdm" value="@ViewBag.ksdm" />
    <div id="selecttype" style=" font-size:.4rem;">
        <div style="overflow: auto;float:left;text-align:center;width:25%;height:0.7rem;border-bottom:3px solid #7BAFF7;padding-top:0.3rem;margin-left:12.5%;color:#7BAFF7 ">按医生预约</div>
        <div style="overflow: auto;float:left;text-align:center;width:25%;height:0.7rem;padding-top:0.3rem;margin-left:25%;">按科室预约</div>
    </div>
    <hr style="width:100%" />
    
    <div id="select_ys" >
        <div style="background-color:transparent;clear:both;margin-left:.3rem;padding-top:0.2rem; height:.6rem">
            普通预约
        </div>
        <div style="margin-top:.2rem;height:1.5rem; background-color:#ffffff">
            <div style="float:left;margin-left:.3rem;margin-top:.2rem">
                <img style="width:1rem" src="~/Content/img/man.png" />

            </div>
            <div style="margin-left:.2rem;margin-top:.5rem;float:left">普通</div>

            <div style="margin-right:.2rem;float:right;font-size:.25rem;height:.4rem;width:1.1rem;text-align:center;padding-top:.06rem; background-color:#9AD462;color:#f3f4f5">可预约</div>

        </div>

        <div style="background-color:transparent;clear:both;margin-left:.3rem;padding-top:0.2rem; height:.6rem;">
            专家预约
        </div>

        <div onclick="goyygh(1)" style="margin-top:.2rem;height:1.5rem; background-color:#ffffff">
            <div style="float:left;margin-left:.3rem;margin-top:.2rem">
                <img style="width:1rem" src="~/Content/img/man.png" />

            </div>
            <div style="margin-left:.2rem;margin-top:.5rem;float:left">马钢</div>

            <div style="margin-right:.2rem;float:right;font-size:.25rem;height:.4rem;width:1.1rem;text-align:center;padding-top:.06rem; background-color:#9AD462;color:#f3f4f5">可预约</div>

        </div>
        @*<hr style="margin-left:.3rem;color:transparent " />*@
        <div style="height:1.5rem; background-color:#ffffff;margin-top:.02rem">
            <div style="float:left;margin-left:.3rem;margin-top:.2rem">
                <img style="width:1rem" src="~/Content/img/man.png" />

            </div>
            <div style="margin-left:.2rem;margin-top:.5rem;float:left">叶德俊</div>

            <div style="margin-right:.2rem;float:right;font-size:.25rem;height:.4rem;width:1.1rem;text-align:center;padding-top:.06rem; background-color:#9AD462;color:#f3f4f5">可预约</div>

        </div>
    </div>
    
    <div id="select_rq" style="display:none">
        <div style="clear:both;background-color:#ffffff">
            <div style="height:.2rem"></div>
            <div style="margin:0 .3rem;">
                <table style="width:100%" border="1" cellspacing="0" cellpadding="0">
                    <tr>
                        <td></td>
                        <td style="background-color:#7BAFF7; color:#f3f4f5"><div>明天</div><div style="margin-top:0.06rem">03-08</div></td>
                        <td><div>周六</div><div style="margin-top:0.06rem">03-09</div></td>
                        <td><div>周日</div><div style="margin-top:0.06rem">03-10</div></td>
                        <td><div>周一</div><div style="margin-top:0.06rem">03-11</div></td>
                        <td><div>周二</div><div style="margin-top:0.06rem">03-12</div></td>
                        <td><div>周三</div><div style="margin-top:0.06rem">03-13</div></td>
                        <td><div>周四</div><div style="margin-top:0.06rem">03-14</div></td>

                    </tr>
                    <tr style="text-align:center;color:#7BAFF7">
                        <td style="color:#000000">上午</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                    </tr>
                    <tr style="text-align:center;color:#7BAFF7">
                        <td style="color:#000000">下午</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                    </tr>
                </table>
            </div>

            <div style="height:.2rem"></div>
        </div>
        <div style="background-color:transparent;margin-left:.3rem;padding-top:0.2rem; height:.6rem">
            普通预约
        </div>
        <div style="margin-left:.3rem;margin-top:.2rem;height:1.8rem;width:100%; background-color:#ffffff">
            <div style="float:left;margin-top:.2rem">
                <img style="width:1rem" src="~/Content/img/man.png" />

            </div>
            <div style="margin-left:.2rem;margin-top:.3rem;float:left">普通</div>
            <div style="margin-right:.5rem;margin-top:.1rem;float:right;color:#ff0000">￥10.00</div>
            <div style="margin-left:2.5rem;text-align:center;padding-top:1rem">
                <div style="font-size:0.25rem;color:#7BAFF7;height:.4rem;padding-top:.1rem;border:1px solid #7BAFF7;width:1.8rem;border-radius:0.1rem;float:left">上午</div>
                <div style="font-size:0.25rem;color:#7BAFF7;height:.4rem;padding-top:.1rem;border:1px solid #7BAFF7;width:1.8rem;border-radius:0.1rem;float:left;margin-left:.2rem">下午</div>
            </div>


        </div>
        <div style="background-color:transparent;margin-left:.3rem;padding-top:0.2rem; height:.6rem;clear:both">
            专家预约
        </div>
        <div style="margin-left:.3rem;margin-top:.2rem;height:1.8rem;width:100%; background-color:#ffffff">
            <div style="float:left;margin-top:.2rem">
                <img style="width:1rem" src="~/Content/img/man.png" />

            </div>
            <div style="margin-left:.2rem;margin-top:.3rem;float:left">叶德俊</div>
            <div style="margin-right:.5rem;margin-top:.1rem;float:right;color:#ff0000">￥14.00</div>
            <div style="margin-left:2.5rem;text-align:center;padding-top:1rem">
                <div style="font-size:0.25rem;color:#7BAFF7;height:.4rem;padding-top:.1rem;border:1px solid #7BAFF7;width:1.8rem;border-radius:0.1rem;float:left">上午</div>
                <div style="font-size:0.25rem;color:#7BAFF7;height:.4rem;padding-top:.1rem;border:1px solid #7BAFF7;width:1.8rem;border-radius:0.1rem;float:left;margin-left:.2rem">下午</div>
            </div>
        </div>

    </div>
    

    <script src="~/Scripts/jquery-1.6.4.js"></script>

    <script>
        $("#selecttype div").mousedown(function () {
            $(this).css({ "border-bottom": "3px solid #7BAFF7", "color": "#7BAFF7" });
            $("#selecttype div").not(this).css({ "border-bottom": "0px solid #7BAFF7", "color": "#000000" })

            if ($(this).text() == "按医生预约") {
                $("#select_rq").hide();
                $("#select_ys").show();

            } else {
                $("#select_rq").show();
                $("#select_ys").hide();
            }
        })

        function goyygh(ysdm) {
            alert(ysdm)
        }

      
    </script>
</body>
</html>
